  /* 公用css */
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary,
  time,
  mark,
  audio,
  video,
  input {
      margin: 0;
      padding: 0;
      border: none;
      outline: 0;
      font-family: STHeitiSC-Light;
      font: inherit;
      /* font-size: 0.14rem; */
      vertical-align: baseline;

  }

  html,
  body,
  form,
  fieldset,
  p,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      -webkit-text-size-adjust: none;

  }

  h1 {
      font-size: 14px;
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
      display: block;
  }

  body {
      font-family: arial, sans-serif;
  }

  ol,
  ul {
      list-style: none;
  }

  blockquote,
  q {
      quotes: none;
  }

  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
      content: "";
      content: none;
  }

  ins,
  a {
      text-decoration: none;
  }

  del {
      text-decoration: line-through;
  }

  table {
      border-collapse: collapse;
      border-spacing: 0;
  }

  img {
      display: block;
  }

  input,
  textarea {
      border: none;
      background: none;
      outline: none;
      -webkit-appearance: none;
  }

  * {
      -webkit-tap-highlight-color: transparent;
      -moz-tap-highlight-color: transparent;
      -ms-tap-highlight-color: transparent;
      -o-tap-highlight-color: transparent;
  }



  * {
      margin: 0;
      padding: 0;
      list-style: none;
  }


  .clearfix::after {
      content: "";
      display: block;
      overflow: hidden;
      clear: both;
  }

  img {
      font-size: 14px;
  }

  p {
      text-align: justify;
  }

  input {
      font-size: 0;
  }

  span {
      font-size: 0;
  }

  label {
      font-size: 0;
  }

  select {
      font-size: 0;
  }

  html {
      font-size: 100px;
  }

  textarea {
      font-size: 0;
  }

  button {
      font-size: 0;
  }

  .consult-phone-baidu-module span {
      font-size: 18px;
  }

  /*表单固定大小*/
  #header-banner {
      width: 19.2rem;
      height: 7rem;
  }

  h1 {
      color: #D5081E;
      font-size: 0.48rem !important;
      text-align: center;
  }

  h3 {
      font-size: 0;
  }


  /*@移动端*****************************************************************/
  @media screen and (max-width:960px) {

      h1 {
          font-size: 0.25rem !important;
      }




  }


  /**************************网路字体*/
  @font-face {
      font-family: "ruiyizhenyan";
      /*锐意真言*/
      src: url(/font/RuiZiZhenYanTiMianFeiShangYong-2.ttf);
  }


  /*导航样式___________________________________________________________________________________________________________*/
  /*导航开始的位置*/
  @media screen and (min-width:960px) {

      body {
          padding-top: 1rem !important;
      }

      .pc-header-nav {

          padding-top: 0.06rem;
          width: 100%;
          height: 0.94rem;
          position: fixed;
          z-index: 9999;
          top: 0;
          left: 0;
          background: #fff;

      }


      .pc-header-nav-top {
          width: 14.4rem;
          margin: 0 auto;
          height: 0.54rem;
          display: flex;
          justify-content: space-between;

      }



      .pc-header-nav-top div {
          padding-top: 0.01rem;
          width: 2.2rem;
          height: 0.52rem;
          background: url(/top/img/toplogoPic.png) no-repeat;
          background-size: 100% auto;
      }

      .pc-header-nav-top div>a {

        display: block;
        font-size: 0;
        width: 2.2rem;
        height: 0.6rem;

      }

      .pc-header-nav-top>nav {
          display: flex;
          height: 100%;
          align-items: center;
      }

      .pc-header-nav-top>nav>a {
          display: block;
          height: 0.2rem;

      }

      .pc-header-nav-top>nav>a:nth-of-type(1) {
          margin-right: 0.2rem;
          font-size: 0.16rem;
          color: #D5081E;
          font-weight: bold;
      }

      .pc-header-nav-top>nav>a:nth-of-type(2) {
          margin-right: 0.2rem;
          font-size: 0.16rem;
          color: #D5081E;
          font-weight: bold;
      }

      .pc-header-nav-top>nav>a:nth-of-type(3) {
          background: url(/img/html5_join/pc-nav-phone.png)no-repeat;
          margin-top: 0.03rem;
          background-size: 100% 100%;
          width: 1.26rem;
      }

      .pc-header-nav-bottom {


          background: #B90004;
          width: 100%;
          height: 0.4rem;
          position: relative;


      }

      .pc-header-nav-bottom>dl {
          border-radius: 0 0 0.08rem 0.08rem;
      }

      .pc-header-nav-container {
          height: 0.4rem;
          width: 16.8rem;
          margin-left: 2.8rem;
          height: 0.4rem;

      }

      .pc-header-nav-container .pc-nav-logo-left,
      .pc-header-nav-container>h2 {
          width: 1.7rem;
          height: 0.4rem;
          line-height: 0.4rem;
          font-size: 0.16rem;
          color: #fff;
          float: left;
          letter-spacing: 0.05rem;
          /* text-align: center; */
          /* border: solid 1px blue; */
      }

      .pc-header-nav-container nav {
          float: left;
          height: 0.4rem;
          margin-left: 1rem;
      }

      .pc-header-nav-container nav>a {
          display: block;
          font-size: 0.16rem;
          float: left;
          padding-left: 0.25rem;
          padding-right: 0.25rem;
          height: 0.4rem;
          text-align: center;
          line-height: 0.4rem;
          color: #fff;
          transform: skewX(-30deg);
      }

      .pc-header-nav-container nav>a>span {

          display: block;
          font-size: 0.16rem;
          height: 0.34rem;
          transform: skewX(30deg);
          color: #fff;
          /* border: solid 1px black; */
      }


      .nav-course-setting {
          padding: 0.3rem;
      }

      /*课程设置*/
      .nav-course-setting {

          /* width: 6.8rem; */
          background-color: #D5081E;
          font-size: 0.16rem;
          display: flex;
          position: absolute;
          left: 4rem;
          top: 0.39rem;

      }

      .pc-header-nav-bottom dl {
          display: none;
      }

      .nav-course-setting>dt {
          width: 4.44rem;
          /* border: solid 1px blue; */
          display: flex;
          margin-right: 0.3rem;
      }

      .nav-course-setting>dt>nav {

          width: 2.22rem;
          /* border: solid 1px #fff; */
          display: flex;
          flex-wrap: wrap;
          /* border: solid 1px #fff; */

      }

      .nav-course-setting>dt>nav:nth-of-type(1) {
          margin-right: 0.1rem;
      }

      .nav-course-setting>dt>nav>a:nth-of-type(1) {
          width: 2.12rem;
          font-weight: bold;
          border-bottom: solid 1px #fff;
          margin-bottom: 0.2rem;
      }

      .nav-course-setting>dt>nav>a {
          display: flex;
          width: 1.05rem;
          color: #fff;
          line-height: 0.3rem;
          font-size: 0.16rem;
      }

      .clearfix::after {
          content: "";
          display: block;
          overflow: hidden;
          clear: both;
      }

      /*公共部分开始*/

      .pc-header-nav-bottom>dl {
          z-index: 10000;
      }


      /*公共部分结束*/
      /*dd大部分是公用的*/
      .nav-course-setting>dd>div>a,
      .nav-why-select>dd>div>a,
      .nav-pc-teacher>dd>div>a,
      .nav-yx-zsjz>dd>div>a,
      .nav-pc-ykzx>dd>div>a,
      .nav-pc-jxcg>dd>div>a,
      .nav-yx-video>dd>div>a,
      .nav-pc-about>dd>div>a {
          color: #fff;
          width: 2.2rem;
          display: block;

      }


      .nav-course-setting>dd>div>a:nth-of-type(1),
      .nav-why-select>dd>div>a:nth-of-type(1),
      .nav-pc-teacher>dd>div>a:nth-of-type(1),
      .nav-yx-zsjz>dd>div>a:nth-of-type(1),
      .nav-pc-ykzx>dd>div>a:nth-of-type(1),
      .nav-pc-jxcg>dd>div>a:nth-of-type(1),
      .nav-yx-video>dd>div>a:nth-of-type(1),
      .nav-pc-about>dd>div>a:nth-of-type(1) {
          height: 1.1rem;
      }

      .nav-course-setting>dd>div>a:nth-of-type(1) img,
      .nav-why-select>dd>div>a:nth-of-type(1) img,
      .nav-pc-teacher>dd>div>a:nth-of-type(1) img,
      .nav-yx-zsjz>dd>div>a:nth-of-type(1) img,
      .nav-pc-ykzx>dd>div>a:nth-of-type(1) img,
      .nav-pc-jxcg>dd>div>a:nth-of-type(1) img,
      .nav-yx-video>dd>div>a:nth-of-type(1) img,
      .nav-pc-about>dd>div>a:nth-of-type(1) img {
          width: 2.2rem;
          height: 1.1rem;
      }

      .nav-course-setting>dd>div,
      .nav-why-select>dd>div,
      .nav-pc-teacher>dd>div,
      .nav-yx-zsjz>dd>div,
      .nav-pc-ykzx>dd>div,
      .nav-pc-jxcg>dd>div,
      .nav-yx-video>dd>div,
      .nav-pc-about>dd>div {
          display: none;

      }


      /*为什么选我们*/
      .nav-why-select {
          /* width: 6rem; */
          background: #D5081E;
          font-size: 0.16rem;
          padding: 0.3rem;
          position: absolute;
          top: 0.39rem;
          left: 8rem;
      }

      .nav-why-select>dt {
          width: 3.6rem;
          border-right: solid 1px #fff;
          margin-right: 0.2rem;
      }

      .nav-why-select>dt>nav {
          width: 3.8rem;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
      }

      .nav-why-select>dt>nav>a {
          font-size: 0.16rem;
          width: 1.8rem;
          color: #fff;
          font-size: 0.16rem;
          line-height: 0.3rem;
      }

      /*导师团队*/
      .nav-pc-teacher {

          font-size: 0.16rem;
          background: #D5081E;
          padding: 0.5rem 1rem;
          position: absolute;
          top: 0.39rem;
          left: 9rem;

      }

      .nav-pc-teacher dt {
          width: 3.6rem;
          display: flex;

      }

      .nav-pc-teacher>dt nav {
          width: 3.4rem;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          border-right: solid 1px #fff;
          margin-right: 0.3rem;
      }

      .nav-pc-teacher>dt nav>a {
          width: 1.5rem;
          color: #fff;
          line-height: 0.3rem;
      }

      /*院校招生*/
      .nav-yx-zsjz {

          /* width: 5.6rem; */
          padding: 0.3rem;
          font-size: 0.16rem;
          background: #D5081E;
          position: absolute;
          left: 10rem;
      }

      .nav-yx-zsjz dt {
          width: 3.2rem;
          display: flex;


      }

      .nav-yx-zsjz dt>nav {
          width: 1.6rem;
          display: flex;
          flex-direction: column;

      }

      .nav-yx-zsjz dt>nav>a:nth-of-type(1) {
          font-weight: bold;
          margin-bottom: 0.2rem;
          border-bottom: solid 1px #fff;
          margin-right: 0.1rem;
      }

      .nav-yx-zsjz dt>nav:nth-of-type(1) {
          width: 1.2rem;
      }

      .nav-yx-zsjz dt>nav>a {

          font-size: 0.16rem;
          color: #fff;
          line-height: 0.3rem;
      }

      /*艺考动态*/
      .nav-pc-ykzx {

          /* width: 4rem; */

          background: #D5081E;
          padding: 0.5rem 1rem;
          position: absolute;
          left: 11rem;
          top: 0.39rem;
          font-size: 0.16rem;

      }

      .nav-pc-ykzx>dt {
          width: 1.4rem;

      }

      .nav-pc-ykzx>dt>nav {
          width: 1.2rem;
          margin-right: 0.2rem;
          border-right: solid 1px #fff;
      }

      .nav-pc-ykzx>dt>nav>a {
          display: block;
          width: 1.4rem;
          line-height: 0.3rem;
          color: #fff;
          font-size: 0.16rem;
      }

      /*教学成果*/
      .nav-pc-jxcg {

          /* width: 5.6rem; */
          background: #D5081E;
          padding: 0.3rem;
          position: absolute;
          left: 11rem;
          top: 0.39rem;
          font-size: 0.16rem;
      }

      .nav-pc-jxcg>dt {
          width: 2.8rem;
          margin-right: 0.2rem;
      }

      .nav-pc-jxcg>dt>nav {
          width: 2.81rem;

          border-right: solid 1px #fff;
          display: flex;
          flex-wrap: wrap;

      }

      .nav-pc-jxcg>dt>nav>a {
          display: block;
          width: 1.4rem;
          line-height: 0.3rem;
          color: #fff;
          font-size: 0.16rem;
      }

      /*视频展示*/
      .nav-yx-video {
          /* width: 5.8rem; */
          background: #D5081E;
          padding: 0.3rem;
          position: absolute;
          left: 11rem;
          top: 0.39rem;
          font-size: 0.16rem;
      }

      .nav-yx-video dt {
          width: 4.6rem;
          display: flex;


      }

      .nav-yx-video dt>nav {
          width: 1.2rem;
          display: flex;
          flex-direction: column;
          margin-right: 0.3rem;
      }

      .nav-yx-video dt>nav>a:nth-of-type(1) {
          font-weight: bold;
          margin-bottom: 0.2rem;
          border-bottom: solid 1px #fff;
          margin-right: 0.1rem;
      }

      .nav-yx-video dt>nav:nth-of-type(1) {
          width: 1.6rem;
          margin-right: 0.3rem;
      }

      .nav-yx-video dt>nav>a {

          font-size: 0.16rem;
          color: #fff;
          line-height: 0.3rem;
      }

      /*关于我们*/

      .nav-pc-about {
          /* width:4.2rem; */
          font-size: 0.16rem;
          background: #D5081E;
          padding: 0.5rem 1rem;
          position: absolute;
          top: 0.39rem;
          left: 12rem;

      }

      .nav-pc-about dt {
          width: 1.8rem;
          display: flex;

      }

      .nav-pc-about>dt nav {
          width: 1.7rem;
          display: flex;
          flex-direction: column;
          border-right: solid 1px #fff;
          margin-right: 0.3rem;
      }

      .nav-pc-about>dt nav>a {
          color: #fff;
          line-height: 0.3rem;
      }

      /*导航代码结束位置*/

      /*右侧工具栏样式 开始*/
      .rightdh {
          width: 122px;
          height: 492px;
          position: fixed;
          top: 50%;
          transform: translateY(-50%);
          background: url(/img/html5_join/right-you.png) top left no-repeat;
          right: 0;
          z-index: 434333;
          background-size: 100% 100%;
          font-size: 10px;
          display: none;

      }

      .one-quan {
          display: flex;
          justify-content: center;
      }

      .wear-white {
          width: 108px;
          height: 366px;
          background: #fff;
          border-radius: 14px;
          margin-top: 64px;
          display: flex;
          justify-content: center;
      }

      .wear-white dl {
          width: 90px;
          height: 60px;
          line-height: 0;
          text-align: center;
      }

      .wear-white .wear-dl dd {

          border-bottom: 1px solid #D8D8D8;
      }

      .wear-white dl dt {}

      .wear-white dl dt img {
          display: inline-block;
          cursor: pointer;

      }

      .wear-white dl dd {
          width: 90px;
          line-height: 26px;
          font-size: 14px;
          cursor: pointer;
      }

      .wear-go-top {
          text-align: center;
          padding-top: 6px;
      }

      .wear-go-top img {
          margin: 0 auto;
          text-align: center;
      }

      .wear-go-top p {
          font-size: 14px;
          color: #fff;
          text-align: center;
      }
      .wear-white .big-ju {
        margin-top: 0.1rem;
     }

      .big-ju dl:hover dt img {
          -webkit-transform: scale(0.8);
          transform: scale(0.8);
          /* -webkit-transition: all 1s; */
          transition: 1s;

      }


      .big-ju dl:hover dd p {
          font-size: 15px;
          transition: 1s;
      }

      .big-ju a {
          display: block;
      }

      .big-ju p a {
          color: #000;
      }

      .zy-enter-gzh {
          position: relative;
      }

      .zy-enter-gzh .gzh-content {
          position: absolute;
          top: 0;
          left: -120px;
          display: none;
      }

      .zy-enter-gzh:hover .gzh-content {
          display: block;
      }
      .rightdb-close{
        position: absolute;
        top: -0.2rem;
        left: 40%;
        cursor: pointer;
      }

      /*图片相关必看这个样式*/
      .rightdh .one-quan .wear-white .big-ju img,
      .wear-go-top img {
          width: initial;
      }
      .moveabout-1{
        height: 0.5rem;
      }.moveabout-1 img{
        height: 0.5rem;
      }
      /*右侧工具栏样式 结束*/

    /*导航头部动画*/

    /* .moveabout-1 {
        animation: myAnimation 3s linear infinite;
    }

    @keyframes myAnimation {

        
        from { 
             transform: scale(0.9);
        }
        to { 
            transform: scale(1);
        }


    } */



  }

  /*pc端__________________________________________________________________________________________________*/

  @media screen and (min-width:960px) {

      /*@用户须知弹窗***************************************/
      .yd-read-know-mengban {
          display: none;
      }

      .mengban-form {

          top: 0;
          left: 0;
          position: fixed;
          right: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.5);
          z-index: 100;

      }

      .mengban-form .containere-top {
          margin-bottom: 0.1rem;
      }

      .mengban-form p {
          font-size: 0.16rem;
          height: 0.24rem;
          margin-top: 0.2rem;
      }

      .mengban-form .title {

          font-size: 0.24rem;
          font-weight: bold;
          text-align: center;

      }

      .read-know-form {

          font-size: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 0.2rem;
          margin-right: 0.1rem;
          color: #4a4a4a;

      }

      .mengban-form>div {

          width: 3.5rem;
          height: 3.8rem;
          background: #fff;
          position: absolute;
          right: 2.25rem;
          top: 2.5rem;
          color: #4a4a4a;
          font-size: 1.2rem;
          box-sizing: border-box;
          padding: 0.2rem;
          border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;

      }

      .meng-ban-close {

          display: block;
          width: 0.2rem;
          height: 0.2rem;
          position: absolute;
          right: 0.1rem;
          top: 0.1rem;
          font-size: 0.2rem;

      }

      .mengban-form .containere-bottom {
          margin-top: 0.4rem;
      }

      /*pc端底部 网站地图链接样式____________________________*/
      .mainfiv a {
          color: #999;
      }

      /*十大优势二级导航样式 pc__________________________________________________________________________*/
      .two-nav-container {

          width: 14.4rem;
          height: 1.4rem;
          margin: 0.5rem auto auto auto;
          /* border: solid 1px red; */
          display: flex;
          justify-content: space-around;
          align-items: center;

      }

      .two-nav-container dl {
          width: 0.641rem;
          /* height: 0.7rem; */
          /* border: solid 1px blue; */
      }

      .two-nav-container dl dt {
          height: 0.7rem;
          display: flex;
          align-items: center;
          justify-content: center;

      }

      .two-nav-container dl dt a {
          display: flex;
          width: 0.5rem;
          height: 0.5rem;
          border: solid 0.01rem #D5081E;
          border-radius: 50%;
          align-items: center;
          justify-content: center;
      }

      .two-nav-container dl dt a img {
          height: 0.25rem;
      }

      .two-nav-container dl dd {
          height: 0.4rem;
      }

      .two-nav-container dl dd a {
          /* border: solid 1px red; */
          text-align: center;
          height: 0.4rem;
          display: flex;
          font-size: 0.16rem;
          align-items: center;
          justify-content: center;
          color: #000000;

      }

      .two-nav-container .ten-nav-active dt a {

          background: linear-gradient(0deg, #AE0000 0%, #FF4F4F 100%);

      }

      .two-nav-container .ten-nav-active dd a {
          color: #D5081E;
          font-weight: bold;
      }

      .two-nav-container dl dd a:hover {
          font-weight: bold;
          text-decoration: underline;
          color: #D5081E;
      }

  }


  @media screen and (max-width:960px) {
      .mengban-form {
          display: none;
      }

      .yd-read-know {
          display: flex;
          justify-content: center;
      }

      html body .yd-read-know>p {
          font-size: 0.12rem;
          margin-left: 0.1rem;
      }

      body .yd-read-know img {
          width: 0.14rem !important;
          height: 0.14rem;
          margin: initial;
      }

      /*移动端蒙版*/
      .yd-read-know-mengban {
          display: none;
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background: rgba(0, 0, 0, 0.8);
          color: #4a4a4a;
      }

      .yd-read-know-mengban>div {

          width: 3.42rem;
          height: 2.7rem;
          border-radius: 0.2rem;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -1.71rem;
          margin-top: -1.35rem;
          background: #fff;
          box-sizing: border-box;
          padding: 0.23rem;

      }

      .yd-read-know-mengban>div>h4 {

          font-size: 0.21rem;
          text-align: center;
          color: #4a4a4a;
          font-weight: bold;
      }

      .yd-read-know-mengban>div>div>p {
          font-size: 0.13rem;
          line-height: 0.2rem;
          margin-top: 0.05rem;
      }

      .yd-read-know-mengban>div>div>p:nth-of-type(1) {
          font-weight: bold;
      }

      .yd-read-know-mengban>div>div>p:nth-of-type(2) {
          padding-left: 0.1rem;
      }

      .yd-read-know-mengban>div>div {
          margin-top: 0.2rem;
      }

      .yd-read-know-mengban>div>i {
          position: absolute;
          right: 0.2rem;
          top: 0.12rem;
          width: 0.24rem;
          height: 0.24rem;
          line-height: 0.24rem;
          border: solid 1px #fff;
          font-size: 0.24rem;
      }

      /*十大优势二级导航样式__________________________________________________________________________*/
      .two-nav-container {

          width: 3.6rem;
          padding-left: 0.075rem;
          height: 1.4rem;
          margin: 0.25rem auto auto auto;
          display: flex;
          justify-content: space-around;
          align-items: center;
          flex-wrap: wrap;
          margin-top: 0.2rem;
          margin-bottom: 0.2rem;

      }

      .two-nav-container dl {
          width: 0.4rem;
          margin-left: 0.16rem;
          margin-right: 0.16rem;

      }

      .two-nav-container dl dt {
          height: 0.35rem;
          display: flex;
          align-items: center;
          justify-content: center;

      }

      .two-nav-container dl dt a {
          display: flex;
          width: 0.33rem;
          height: 0.33rem;
          border: solid 0.01rem #D5081E;
          border-radius: 50%;
          align-items: center;
          justify-content: center;
      }

      .two-nav-container dl dt a img {
          height: 0.15rem;
      }

      .two-nav-container dl dd {
          height: 0.4rem;
      }

      .two-nav-container dl dd a {
          /* border: solid 1px red; */
          text-align: center;
          height: 0.4rem;
          display: flex;
          font-size: 0.1rem;
          align-items: center;
          justify-content: center;
          color: #000000;

      }

      .two-nav-container .ten-nav-active dt a {

          background: linear-gradient(-32deg, #AE0000 0%, #FF4F4F 100%);

      }

      .two-nav-container .ten-nav-active dd a {
          color: #D5081E;
          font-weight: bold;
      }


  }

  /*___弹窗样式_________________________________________________________________________________________________*/

  @media screen and (min-width:960px) {


      .pc-alert {

          width: 8rem;
          height: 4.2rem;
          position: fixed;
          top: 50%;
          left: 50%;
          margin-left: -4rem;
          margin-top: -2.1rem;
          z-index: 100001;
          display: flex;
          align-items: center;
          justify-content: center;
          /* display: block; */
          /* border: solid 1px red; */

      }

      .pc-alert img {
          width: 100%;
      }

      .pc-alert .now-visited{

          display: block;

          position: absolute;
          /* border: solid 1px black; */
          /* border: solid 1px red; */
          left: 0;
          top: 0;

      }

      .pc-alert .now-visited {
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 10;
      }

      .pc-alert .wait-visited {

        font-size: 0.16rem;
        font-weight: bold;
        color: #666;
        width: 0.6rem;
        text-align: center;
        height: 0.3rem;
        line-height: 0.3rem;
        /* border: solid 2px blue; */
        background: #A00608;
        color:#fff;
        border-radius: 0.05rem;
        position: absolute;
        top: 0.05rem;
        right: 0.05rem;
        z-index: 1001;
        cursor: pointer;

      }



  }

  /*移动端*/
  @media screen and (max-width:960px) {


      .yd-alert {

          width: 3.39rem;
          height: 2.98rem;
          position: fixed;
          top: 50%;
          left: 50%;
          margin-left: -1.695rem;
          margin-top: -1.45rem;
          z-index: 10001;
          /* display: none !important; */

      }

      .yd-alert>img {
          width: 100%;
      }


      .yd-alert .yd-now-visited {
          position: absolute;
          width: 3.39rem;
          height: 2rem;
          /* border: solid 1px #000; */
          left: 0;
          top: 0;

      }

      .yd-alert .yd-wait-visited {

            position: absolute;
            width: 0.3rem;
            height: 0.3rem;
            right: 0rem;
            top: 0rem;
            background: #D5081E;
            color: #fff;
            text-align:center;
            line-height: 0.3rem;

          
      }







  }


  #newBridge .nb-new-invite-wrap .nb-new-invite-body {
      display: none;
  }


/*表单______________________________________________________________________________________________________________________*/
@media screen and (min-width:960px) {

    .newweb-form-banner .boradSe .form-top-icon {
        /* width: 3.42rem; */
        width: 100%;
        height: 0.94rem;
        /* border: solid 1px blue; */
        margin-top: 0.3rem;
        margin-left: auto;
        margin-right: auto;

        background: url(https://www.zhongyin.net.cn/img/html5_join/test-img.png)no-repeat;
        background-size: contain;
    }



}
@media screen and (max-width:960px) {
#footer{
    display: block !important;
}
#m-footer{
    display: none !important;
}
#m-bottom-form{
    display: none !important;
}
.footer{
    display: block !important;
}
}


/*广告条的样式______________________________________________________________________________________________________________*/
@media screen and (min-width:960px) {

    .ad-banner{
        display: none;
        height: 2.7rem;
    }
    .ad-pc-img{
        height: 2.7rem;
    }
    .ad-banner .ad-yd-img{
        display: none;
    }
}
@media screen and (max-width:960px) {

.ad-banner{
    display: none;
    align-items: center;
    justify-content: center;
    display:3.6rem;
}
.ad-yd-img{
    width: 3.6rem;
    height: 2rem;
}
.ad-banner .ad-pc-img{
    display: none;
}

}


/*入门资料表单随机放的——————————————————————————————————————————————————————————————————————————————————————————————————————*/
@media screen and (min-width:960px) {

    .home-bottom-form .qunbao-red-sopngs {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 3.5rem;
        width: 9rem;
    }

    .home-bottom-form .qunbao-red-sopngs .gui-red-san {
        width: 0;
        height: 0;
        border-right: 0.24rem solid #C83838;
        border-top: 0.26rem solid transparent;
        border-bottom: 0.26rem solid transparent;
        display: inline-block;
        margin-bottom: 0.5rem;
    }

    .qunbao-red-sopngs .home-bottom-form-container {
        padding-top: 0.1rem;
        width: 8.9rem;
        height: 3.66rem;
        border: 0px solid #0F050B;
        background: linear-gradient(180deg, #C83838 0%, #A00608 100%);
        box-shadow: 10px 11px 18px 0px rgba(110, 110, 110, 0.55);
        border-radius: 0.2rem;
        margin-bottom: 0.5rem;
    }

    .qunbao-red-sopngs .home-bottom-form-container h2 {
        font-size: 0.32rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.2rem;
        text-align: center;
        margin: 0.3rem 0;
    }

    .qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol {
        margin-left: 0.4rem;
        display: flex;
    }

    .qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ol li {
        font-size: 0.16rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.4rem;
    }

    .qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ol li i {
        width: 0.28rem;
        height: 0.28rem;
        background: #FFFFFF;
        border: 0px solid #0F050B;
        border-radius: 50%;
        font-size: 0.18rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #BD0B0C;
        line-height: 0.28rem;
        display: inline-block;
        text-align: center;
        margin-right: 0.08rem;
    }





    .qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul li {
        width: 4rem;
        height: 0.4rem;
        line-height: 0.4rem;
        /* border: solid 1px #E2E2E2; */
        margin-left: 0.2rem;
        margin-right: 0.2rem;
        margin-top: 0.1rem;
        display: flex;
        /* border-bottom: solid 1.4px #E2E2E2; */
        border-radius: 0.1rem;
        background-color: #fff;
    }


    .qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul li label {
        font-family: "siyuan-r";
        width: 0.6rem;
        font-size: 0.16rem;
        display: block;
        position: relative;
        color: #000;
        /* font-weight: bold; */
        text-align: center;
    }

    .qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul li input {
        font-size: 0.16rem;
        /* padding-left: 0.24rem; */
    }

    .qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul .textar-lifun {
        height: 0.94rem;
    }

    .qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul .textar-lifun #LibFormProblem {
        width: 4rem;
        height: 0.94rem;
        padding: 0.1rem 0.17rem;
        border-radius: 0.05rem;
        outline: none;
        font-size: 0.14rem;
        resize: unset;
    }

    .qunbao-red-sopngs .home-bottom-form-container #LibFormBtn {
        width: 2.4rem;
        height: 0.4rem;
        border: 2px solid #FFFFFF;
        border-radius: 0.2rem;
        font-size: 0.2rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.4rem;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        background-color: #A00608;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        margin-top: 0.2rem;
    }

    
}
@media screen and (max-width:960px) {

.home-bottom-form .qunbao-red-sopngs {

    height: 3.5rem;
    width: 3.75rem;

}

.home-bottom-form .qunbao-red-sopngs .gui-red-san {

  width: 0;
  height: 0;
  border-right: 0.12rem solid transparent;
  border-left: 0.12rem solid transparent;
  border-bottom: 0.13rem solid #C83838;
  margin: 0 auto;

}

.qunbao-red-sopngs .home-bottom-form-container {

  width: 3.4rem;
  height: 4.3rem;
  border: 0px solid #0F050B;
  background: linear-gradient(180deg, #C83838 0%, #A00608 100%);
  box-shadow: 10px 11px 18px 0px rgba(110, 110, 110, 0.55);
  border-radius: 0.1rem;
  margin-bottom: 0.25rem;
  overflow: hidden;
  margin: 0 auto;
}

.qunbao-red-sopngs .home-bottom-form-container h2 {
  width: 2.5rem;
  font-size: 0.2rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  /* margin: 0.15rem 0; */
  margin: 0 auto;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}



.qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol {
  margin-left: 0.2rem;
  /* display: flex; */
}

.qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ol li {
  font-size: 0.09rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.2rem;
}

.qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ol li i {
  width: 0.14rem;
  height: 0.14rem;
  background: #FFFFFF;
  border: 0px solid #0F050B;
  border-radius: 50%;
  font-size: 0.09rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #BD0B0C;
  line-height: 0.14rem;
  display: inline-block;
  text-align: center;
  margin-right: 0.04rem;
}





.qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul li {
  width: 3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  /* border: solid 1px #E2E2E2; */
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
  display: flex;
  /* border-bottom: solid 1.4px #E2E2E2; */
  border-radius: 0.06rem;
  background-color: #fff;

}


.qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul li label {
  font-family: "siyuan-r";
  width: 0.3rem;
  font-size: 0.08rem;
  display: block;
  position: relative;
  color: #000;
  /* font-weight: bold; */
  text-align: center;
  margin-left: 0.1rem;
}

.qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul li input {
  font-size: 0.08rem;
  /* padding-left: 0.24rem; */
}

.qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul .textar-lifun {
  height: 0.7rem;
}

.qunbao-red-sopngs .home-bottom-form-container .fun-liebiao-ol ul .textar-lifun #LibFormProblem {
  width: 2rem;
  height: 0.7rem;
  padding: 0.05rem 0.09rem;
  border-radius: 0.025rem;
  outline: none;
  font-size: 0.08rem;
  resize: unset;
}

.qunbao-red-sopngs .home-bottom-form-container #LibFormBtn {
  width: 1.85rem;
  height: 0.3rem;
  border: 2px solid #FFFFFF;
  border-radius: 0.1rem;
  font-size: 0.15rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.3rem;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  background-color: #A00608;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-top: 0.1rem;
}
    
}

/*文章详情页的表单——————————————————————————————————————————————————————————————————————————————————————————————————————————————*/
@media screen and (min-width:960px) {
    .test-form{
        width: 9rem;
        height: 4rem;
        background: linear-gradient(0deg, #E35503 0%, #FB9D2C 100%);
        box-sizing: border-box;
        padding: 0.26rem;
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.2rem;
    }
    .test-form-img{
        width: 4.95rem;
        height: 3.48rem;
    }
    .test-form-img>img{
        width: 100%;
    }
    .test-form-list{
        width: 3.4rem;
        height: 3.44rem;
        background: #fff;
        border-radius: 0.16rem;
    }
    .test-form-list li{
        width: 3rem;
        height: 0.4rem;
        background: #eee;
        border-radius: 0.1rem;
        margin: auto;
        font-size: 0.14rem;
        margin-top: 0.2rem;
    }
    .test-form-list li:nth-of-type(1){
        height: auto;
        background: initial;
        border-radius: initial;
        font-size: 0.26rem;
        color: #E35603;
        font-weight: bold;
        text-align: center;
    }
    .test-form-list li input{

        font-size: 0.14rem;
        display: block;
        height: 100%;
        box-sizing: border-box;
        padding-left: 0.17rem;

    }
    .test-form-list li:nth-last-of-type(1){
        width: 3rem;
        height: 0.42rem;
        line-height: 0.42rem;
        background: linear-gradient(0deg, #E35503 0%, #FB9D2C 100%);
        border-radius: 0.2rem;
        color: #fff;
        font-size: 0.2rem;
        font-weight: bold;
        text-align: center;
    }

}

@media screen and (max-width:960px) {


    .test-form{

        width: 3.42rem;
        background: linear-gradient(0deg, #E35503 0%, #FB9D2C 100%);
        box-sizing: border-box;
        padding-left: 0.075rem;
        padding-right: 0.075rem;
        height: 5.5rem;
        padding-top: 0.23rem;
        padding-bottom: 0.23rem;
        margin-bottom: 0.1rem;
      
    }
    .test-form-img{
        width: 3.27rem;
        
    }
    .test-form-img>img{
        width: 100%;
    }
    .test-form-list{

        width: 3.27rem;
        /* height: 3.44rem; */
        background: #fff;
        border-radius: 0.08rem;
        overflow: hidden;
        margin-top: 0.15rem;

    }
    .test-form-list li{
        width: 3rem;
        height: 0.35rem;
        background: #eee;
        border-radius: 0.05rem;
        margin: auto;
        font-size: 0.12rem;
        margin-top: 0.1rem;
    }
    .test-form-list li:nth-of-type(1){
        height: auto;
        background: initial;
        border-radius: initial;
        font-size: 0.23rem;
        color: #E35603;
        font-weight: bold;
        text-align: center;
        padding-top: 0.19rem;
    }
    .test-form-list li input{

        font-size: 0.12rem;
        display: block;
        height: 100%;
        box-sizing: border-box;
        padding-left: 0.16rem;

    }
    .test-form-list li:nth-last-of-type(1){
        width: 3rem;
        height: 0.35rem;
        line-height: 0.35rem;
        background: linear-gradient(0deg, #E35503 0%, #FB9D2C 100%);
        border-radius: 0.17rem;
        color: #fff;
        font-size: 0.15rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0.23rem;
       
    }



}



























